<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../sass/header.css">
</head>
<style>
    .box {
        width: 1000px;
        margin: 50px auto;
    }

   .box table {
        width: 1000px;
        border: 1px solid rgba(7, 4, 4, 0.712);
    }

    .box table  tr {
        width: 100px;
        height: 100px;
    }

    td {
        width: 150px;
        height: 100px;
        text-align: center;
    }

    .box table  input {
        width: 60px;
        text-align: center;

    }

    .checkbox-item,
    .checkbox-all {
        width: 50px;
    }

   .box img {
        width: 100px;
        height: 100px;
    }

    .box table   a {
        /* margin-left: 50px; */

        width: 100px;
        background-color: rgba(29, 14, 235, 0.349);
        font-size: larger;
        display: block;
        text-align: center;
        float: left;
        margin-left: 5px;
        margin-top: 5px;
    }

    .box2 {
        float: right;
    }
    .minus,
    .plus {
        width: 20px;
        text-align: center;
    }
    .box  .a,
    .box  .del {
        font-size: 16px;
        text-decoration: none;
        background-color: rgba(0, 139, 139, 0.74);
        color: black;
        margin-left: 20px;
    }
</style>

<body>
    <!-- 头部 -->
    <div id="detail-header"></div>
    <div class="box">
        <h2>购物车</h2>
        <a href="./cart.html">返回首页</a>
        <a href="./详情页.html">返回详情页</a>
        <table>
        </table>
        <div class="box2">总价￥：<span class="span"></span></div>
    </div>
    <!-- 尾部 -->
    <div id="detail-foot"></div>
    <script src="../js/jquery-3.6.0.min.js"></script>
    <script src="../js/cart.js"></script>
</body>

</html>